
.is-day {
    .icon-container {
        background-color: rgba(36, 103, 248, 0.15);
        box-shadow: -2rpx -2rpx 5rpx rgba(0, 0, 0, 0.1);
        // background-color: rgba(246,53,168, 0.8);
        // color: #fff;
    }
}

.is-night {
    .icon-container {
        background-color: rgba(0,0,0,0.15);
    }
}

.dialog-content-container {
    width: 750rpx;
    height: 70vh;
    overflow-y: auto;
    .list-title-container {
        padding-top: 15rpx;
        .list-title {
            line-height: 60rpx;
            padding: 15rpx 36rpx;
            opacity: 0.8;
        }
    }
    .list-item-container {
        .btn-item {
            width: 150rpx;
            height: 150rpx;
            .icon-container {
                position: relative;
                width: 82rpx;
                height: 82rpx;
                border-radius: 15rpx;
                overflow: hidden;
                .icon-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0.1;
                    z-index: 0;
                }
                .iconfont {
                    position: relative;
                    z-index: 1;
                }
            }
            .icon-name {
                padding: 15rpx 0;
            }
            &.active {
                color: #f635a8;
                .icon-bg {
                    background-color: #f635a8;
                }
            }
        }
        .edit-btn {
            color: #3c88ff;
            .icon-bg {
                background-color: #3c88ff;
            }
        }
    }
}